<template>
  <section
    class="overflow-hidden"
  >
    <v-row no-gutters>
      <v-col
        class="hidden-sm-and-down"
        md="6"
      >
        <v-img
          :src="say.wallpaper.picture ? say.wallpaper.picture: spareImg"
          height="150vh"
        />
      </v-col>

      <v-col
        class="align-content-space-between layout wrap"
        cols="12"
        md="6"
        :pa-5="$vuetify.breakpoint.smAndDown"
      >
        <base-bubble-1
          style="transform: rotate(180deg) translateY(25%)"
        />

        <v-row
          align="center"
          justify="center"
        >
          <v-col
            cols="10"
            md="6"
          >
            <base-heading>{{say.title}}</base-heading>
            <h3>{{say.subTitle}}</h3>
            <base-text>
              {{say.article}}
            </base-text>
            <base-btn1 class="mt-4" @click="$router.push('/viewpoint')">
              看个视频
            </base-btn1>
          </v-col>
        </v-row>

        <base-bubble-2
          style="transform: rotate(180deg) translate(-200px, -15%)"
        />
      </v-col>
    </v-row>
  </section>
</template>

<script>
export default {
  name: 'CommentList',
  data() {
    return {
      spareImg: 'http://foufou.oss-cn-shenzhen.aliyuncs.com/1011eb908879bd0181686cc98fac9e52.jpg'
    }
  },
  props: {
    say: {
      type: Object,
    },
  },

}

</script>
